<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>统计</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content">

	<div class="row">
<!--		<div class="col-sm-6">-->
<!--			<div class="ibox float-e-margins">-->
<!--				<div class="ibox-title">-->
<!--					<span class="label label-success pull-right">年</span>-->
<!--					<h5>2020</h5>-->
<!--				</div>-->
<!--&lt;!&ndash;				<div class="ibox-content">&ndash;&gt;-->
<!--&lt;!&ndash;					<h1 class="no-margins">40 886,200<span>条</span></h1>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--			</div>-->
<!--		</div>-->

<!--		<div class="col-sm-6">-->
<!--			<div class="ibox float-e-margins">-->
<!--				<div class="ibox-title">-->
<!--					<span class="label label-success pull-right">年</span>-->
<!--					<h5>2019</h5>-->
<!--				</div>-->
<!--&lt;!&ndash;				<div class="ibox-content">&ndash;&gt;-->
<!--&lt;!&ndash;					<h1 class="no-margins">106,120<span>条</span></h1>&ndash;&gt;-->
<!--&lt;!&ndash;				</div>&ndash;&gt;-->
<!--			</div>-->
<!--		</div>-->

	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>税收统计</h5>
					<div class="ibox-tools">

					</div>
				</div>
				<div class="ibox-content">
					<div class="echarts" id="echarts-bar-chart"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<th:block th:include="include :: footer" />
<th:block th:include="include :: echarts-js" />
<script type="text/javascript">
	// var areaRatio = "";
	var arr1 = [];
	var arr2 = [];
	var arr3 = [];
	$(function() {
		$.ajax({
			type: "get",
			url: "/system/incomestatistical/statisti",
			success: function(r) {
				console.log(r)
				arr1 = r.data.mapshui;
				arr2 = r.data.map2019;
				arr3 = r.data.map2020;
				console.log(arr3,arr2,arr1)
				/*街道人大代表提出建言柱状图*/
				var barChart = echarts.init(document.getElementById("echarts-bar-chart"));
				var baroption = {
					tooltip : {
						trigger: 'axis'
					},
					legend: {
						data:['2019','2020']
					},
					grid:{
						x:30,
						x2:40,
						y2:24
					},
					calculable : true,
					xAxis : [
						{
							type : 'category',
							data : arr1
						}
					],
					yAxis : [
						{
							type : 'value'
						}
					],
					series : [
						{
							name:'2019',
							type:'bar',
							data:arr2
						},
						{
							name:'2020',
							type:'bar',
							data:arr3

						}
					]
				};
				if (baroption && typeof baroption === "object") {
					barChart.setOption(baroption, true);
				}
			}
		});
	});


</script>
</body>
</html>
